<!-- 底部操作栏 -->
<template>
	<c-fixed-bottom background-color="white" height="120rpx">
		<view class="content">
			<button class="btn plain btn-transition-scale95">已取货</button>
			<button class="btn plain btn-transition-scale95">取消订单</button>
			<button class="btn btn-transition-scale95">配货完成</button>
		</view>
	</c-fixed-bottom>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 120rpx;
		padding: 0 39rpx 0 32rpx;
		
		.btn {
			flex-shrink: 0;
			min-width: 198rpx;
			height: 72rpx;
			font-size: 28rpx;
			color: white;
			text-align: center;
			line-height: 72rpx;
			border-radius: 36rpx;
			background-color: #FE3333;
			padding: 0 40rpx;
			box-sizing: border-box;
			
			& + .btn {
				margin-left: 20rpx;
			}
			
			&.plain {
				color: #222222;
				background-color: transparent;
				
				&::after {
					display: block;
					border: 1px solid #E5E5E5;
					border-radius: 36px;
				}
			}
		}
	}
</style>